<template>
    <div id="app" style="height:100%" v-if="!isLogin">
        <MyHeader />
        <el-row style="height:100%">
            <el-col :span="4" style="background:#e8e8e8;position:fixed;height:100%;padding-right:0px;bottom:0px;top:0px">
                <MyAside />
            </el-col>
            <el-col :span="20" style="float:right">
                <router-view></router-view>
            </el-col>
        </el-row>
    </div>
    <div v-else style="overflow:hidden">
        <router-view></router-view>
    </div>
</template>

<script>
    import MyHeader from './header.vue'//顶部
    import MyAside from './aside.vue'//侧边
    export default {
        components: {
            MyHeader,
            MyAside,
        },
        computed: {
            isLogin () {
                return /login/.test(this.$route.path);
            }
        }
    }
</script>
